<div class="ui-bar" ui-bar>
    <div class="ui-bar-bg">
      <button class="ui-btn btn-outline iconfont icon-fanhui" back="go"></button>
      <h3 class="title">班级搜索</h3>
    </div>
</div>

<div class="ui-tab tab-top" ui-tab select="empty">
    <ul class="ui-tab-nav ui-border-b">
        <li><span class="line">{{ categoryTab.category }}<i class="iconfont icon-keyboardarrowdown"></i></span></li>
        <li><span class="line">{{ categoryTab.sort }}<i class="iconfont icon-keyboardarrowdown"></i></span></li>
    </ul>
    <ul class="ui-tab-content tab-display top-tab-header" style="position: fixed;">
        <li modal>
                  <div class="content category-card">
                      <category-tree ng-if="categoryTree" data="categoryTree" listener="categorySelectedListener">
                      </category-tree>
                  </div>
                  <div class="backdrop-bg"></div>
        </li>
        <li modal>
            <div class="content">
              <ul class="ui-list ui-list-text ui-list-cover ui-list-active">
                <li class="ui-border-b" ng-click="selectSort(item)" ng-repeat="item in courseListSorts">
                  {{ item.name }}
                </li>
              </ul>
            </div>
            <div class="backdrop-bg"></div>
        </li>
    </ul>

    <div class="ui-scroller course-card classroom-card" ui-scroll data="classRooms" on-infinite="loadMore()">
      <ul class="ui-list ui-border-tb">
          <li class="ui-border-t" ng-repeat="classRoom in classRooms" ng-href="#/classroom/{{ classRoom.id }}"  ng-include=" 'view/classroom_list_item.html' | coverIncludePath ">
          </li>
      </ul>

      <list-empty-view data="classRooms" title="暂时没有班级">
      </list-empty-view>

      <div class="ui-loading-wrap" ng-show="canLoad">
        <p>正在加载中...</p>
        <i class="ui-loading"></i>
      </div>

    </div>
</div>